<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>web直播</title>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="msapplication-tap-highlight" content="no">
    <link rel="stylesheet" href="web-cast.css">
</head>
<body>

<div class="webcast-container">

</div>
<script src="jquery.min.js"></script>
<script src="jquery.mCustomScrollbar.concat.min.js"></script>
<script src="underscore-min.js"></script>
<script src="vhallSDK.js"></script>
<script>
    window.onmessage = event => {
        // console.log(event.data);
        let appKey = '18a6bacec9ffddead70079a94cad918d';
        let account = 'account';
        let userName = 'username';
        let email = 'aa@aa.com';
        let roomId = event.data.roomId;
        let unix = event.data.unix;
        let sign = event.data.sign;

        $(() => {
            VHALL_SDK.init({
                account: account,//必填，唯一用户id，与使用第三方创建用户接口所传的third_user_id需一致）
                email: email,//参数必填，当前版本已不建议使用，为空即可
                username: userName,//必填，用户昵称用以在各模块中显示
                roomid: roomId,//必填，当前聊天所在活动id
                app_key: appKey,//必填，启用服务唯一验证，API/SDK权限申请后生成,此参数名在1.0.0版本中为appkey，使用当前版本时请更新
                signedat: unix,//必填，启用服务唯一验证，unix时间戳
                sign: sign,//必填，启用服务唯一验证，有效期一小时，见下面的生成规则
                facedom: '',//可选，当使用微吼表情时必填，呼出表情弹窗dom属性 如（'#id','.class'等）
                textdom: '',//可选，当使用微吼表情时必填，插入表情文本dom属性 如（'#id','.class'等）
                videoContent: '.webcast-container',//【新】可选，当需要使用视频模块时，插入视频dom属性 如（'#id','.class'等）
                docContent: '',//【新】可选，当需要使用文档模块时，插入视频dom属性 如（'#id','.class'等）
            });
        });

        //自动播放
        VHALL_SDK.on("ready", function () {
            let player, i = 0;
            (function findVideo() {
                i++;
                player = document.querySelector('#vhall-h5-player');
                if (!player.length && i < 20) {
                    setTimeout(findVideo, 500);
                }
            })();

            if(player){
                player.autoplay = true;
            }

        });

    };

</script>

</body>
</html>
